<template>
    <div class="footer">
      <div class="copy">
        <div class="w990p10 clearfix">
          <el-row>
            <el-col :md="8" :sm="10" :xs="24" class="text">
              <p>地址：茂名市777号 邮编： 200433</p>
              <p class="g-mt5">深圳大学化学与环境工程学院 地址：深圳大学实验楼P317 邮编：518060   电话：0755-26536141 </p>
            </el-col>

            <el-col :md="6" :sm="6" :xs="24" class="foot-logo">
              <a href="#" class="link-wrap">
                <img src="/static/images/dot.jpg" alt="..." />
              </a>
            </el-col>

            <el-col :md="10" :sm="8" :xs="24" class="record" >
              <p>沪ICP 备05052068号 沪举报中心<img src="./record.png" width="20" alt="..." />公安备案号31009102000043</p>
            </el-col>
          </el-row>
        </div>
      </div>

      <div class="contact">
        <div class="w990p10 clearfix">
          <i class="sb-bg wb"></i>
          <i class="sb-bg a"></i>
          <i class="sb-bg wc"></i>
          <i class="sb-bg qq"></i>
        </div>
      </div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        components: {

        }
    }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
    @import "~@/common/stylus/variable.styl"
    @import "~@/common/stylus/mixin.styl"

    .footer
      background-color: $footer-bg
      color: $footer-color
      .copy
        border-bottom: 1px solid #555
        .text
          padding: 40px 0 30px
          p
            hh(20px)
            sc($font-small, #aaa)
            no-wrap()
        .foot-logo
          margin: 20px 0
          font-size: 0
          a.link-wrap
            font-size: 0
            img
              display: block
              width: 35%
              margin: 0 auto
        .record
          text-align: center
          padding: 45px 0 30px
          p
            hh(20px)
            no-wrap()
      .contact
        padding: 10px 0
        text-align: center
        font-size: 0
        i.sb-bg
          display: inline-block
          wh(32px, 32px)
          margin:10px
          background: url("./footer.png") no-repeat
          cursor: pointer
          &.wb
            background-position-x: 0px
          &.a
            background-position-x: -103px
          &.wc
            background-position-x: -206px
          &.qq
            background-position-x: -309px
</style>
